<template>
	<!-- 外面最大的div -->
	<view class="sideBox">
		<view class="center">
			<!-- 每一个日子对应的工作量 -->
			<view class="sec1" v-for="(item, index) in workArr">
				<text>{{item.date}}</text>
				<view class="workDetailBox" >
					<view class="wok1" v-for="(item, index) in item.wAdressArr">
						<text>{{item}}</text>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
export default {
	data(){
		return{
			workArr: [{
				date: '2021/3/1',
				wAdressArr:[
					'劲松二区-东门',
					'劲松二区-西门',
					'劲松二区-北门',
					'劲松二区-南门'
				]
				
			},{
				date: '2021/2/28',
				wAdressArr:[
					'劲松二区-东门',
					'劲松二区-西门',
					'劲松二区-北门',
					'劲松二区-南门'
				]
			}]
		}
	}
}
</script>

<style lang="less" scoped>
.sideBox {
	width: 750rpx;
	background-color: #f6f7f8;
	.center {
		width: 690rpx;
		margin: 0 auto;
		.sec1 {
			>text {
				font-size: 30rpx;
				color: #999;
				width: 690rpx;
				height: 100rpx;
				display: flex;
				align-items: center;
			}
			.workDetailBox {
				width: 690rpx;
				background: #fff;
				border-radius: 12rpx;
				.wok1 {
					width: 630rpx;
					height: 90rpx;
					display: flex;
					align-items: center;
					margin-left: 30rpx;
					border-bottom: 1px solid #eee;
					text {
						font-size: 30rpx;
						
					}
				}
			}
		}
	}
}
</style>
